window.onload = function () {
}

var table, layer;
layui.use(['layer', 'laydate', 'table'], function () {
    $ = layui.jquery;
    layer = layui.layer;
    table = layui.table;

    // 学生
    // 初始化表格
    table.render({
        //设置ID
        id: 'clazzTable',
        // 指定原始 table 容器
        elem: '#clazzTableId',
        // 异步数据接口
        url: '/common/findClazzInfo',
        where: {clazzName: ''},
        // 设置导出按钮
        toolbar: '#toolBar',
        //设置表头。值是一个二维数组
        cols: [
            [{
                type: 'numbers',
                width: 50,
                title: '序号',
                fixed: "left"
            }, {
                field: 'clazzId',
                width: 100,
                title: '班级编号',
                align: "center"
            }, {
                field: 'clazzName',
                width: 180,
                title: '班级名称',
                align: "center"
            }, {
                field: 'majorName',
                width: 180,
                title: '专业名称',
                align: "center"
            }, {
                field: 'deptName',
                width: 180,
                title: '院系名称',
                align: "center"
            }, {
                field: 'remark',
                minWidth: 200,
                title: '备注',
                align: "center"
            }, {
                title: '操作',
                width: 200,
                templet: '#tableBar',
                fixed: "right",
                align: "center"
            }]
        ],
        // 每页条数的选择项
        limits: [5, 10, 15, 20, 25, 50, 100],
        // 每页显示的条数
        limit: 15,
        // 是否开启分页
        page: true
    });

    table.on('toolbar(clazzTableFilter)', function (obj) {
        var param = obj.data;
        if (obj.event === 'add') {
            var othis = $(this),
                method = othis.data('method');
            active[method] ? active[method].call(this, othis, param) : '';
        }
    });

    // 监听表格编辑、删除按钮
    table.on('tool(clazzTableFilter)', function (obj) {
        var param = obj.data;
        console.log(param);
        if (obj.event === 'modify') {
            var othis = $(this),
                method = othis.data('method');
            active[method] ? active[method].call(this, othis, param) : '';
        } else if (obj.event === 'delete') {
            layer.confirm('真的删除该班级信息吗?', function (index) {
                removeClazz(param);
                layer.close(index);
            });
        }
    });

    // 定义触发事件弹出厨框
    var active = {
        addClazzInfo: function (othis, param) {
            layer.open({
                id: 'addClazz_iframe', // 防止重复弹出
                title: '班级信息',
                type: 2,
                offset: ['5%', '28%'],
                area: ['40%', '80%'],
                content: ['addOrModifyClazz'],
                skin: 'layui-layer-molv',
                // btn: '关闭全部',
                // btnAlign: 'c' ,//按钮居中
                // yes: function() {
                // 	layer.closeAll();
                // }
                shade: 0.3, //不显示遮罩
                maxmin: true, //开启最大化按钮
                anim: 3, // 过渡效果（3或者4）
                resize: false, // 禁止窗体拉伸
                // time : 1000,//定时关闭
                success: function (layero, index) { //弹出层弹出后的回调函数
                    console.log(layero, index);
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    //console.log(body.html()) //得到iframe页的body内容
                    body.find('#teamid').val(param.teamid);

                    // 渲染页面表单，否则不显示数据
                    iframeWin.layui.form.render();
                }
            });
        },
        modifyClazzInfo: function (othis, param) {
            layer.open({
                id: 'modifyClazz_iframe', // 防止重复弹出
                title: '班级信息',
                type: 2,
                offset: ['5%', '28%'],
                area: ['40%', '80%'],
                content: ['addOrModifyClazz'],
                skin: 'layui-layer-molv',
                // btn: '关闭全部',
                // btnAlign: 'c' ,//按钮居中
                // yes: function() {
                // 	layer.closeAll();
                // }
                shade: 0.3, //不显示遮罩
                maxmin: true, //开启最大化按钮
                anim: 3, // 过渡效果（3或者4）
                resize: false, // 禁止窗体拉伸
                // time : 1000,//定时关闭
                success: function (layero, index) { //弹出层弹出后的回调函数
                    console.log(layero, index);
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    body.find('#isModify').val("true");
                    body.find('#clazzId').val(param.clazzId);
                    body.find('#clazzId').attr("readOnly", "true");
                    body.find('#clazzName').val(param.clazzName);
                    body.find('#deptId').val(param.deptId);
                    body.find('#majorId').val(param.majorId);
                    body.find('#remark').val(param.remark);
                    // 渲染页面表单，否则不显示数据
                    iframeWin.layui.form.render();
                }
            });
        }
    };
});

function searchClazzInfo() {
    //执行搜索重载
    table.reload('clazzTable', {
        page: {
            curr: 1
        },
        where: {
            clazzName: $("#clazzName").val()
        }
    }, 'data');
}

function removeClazz(param) {
    $.ajax({
        type: "POST",
        url: "/common/removeClazz",
        //contentType: "application/json",
        sync: true,
        data: param,
        dataType: "json",
        success: function (result) {
            if (result.code == 200) {
                searchClazzInfo();
                layer.msg('删除成功！', {icon: 1, offset: '100px', time: 2000});
            } else {
                layer.msg(result.msg, {icon: 2, offset: '100px', time: 2000});
            }
        }
    });
}